html,
body {
  width: 100%;
  height: 100%;
}
img {
  max-width: 100%;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 1.2rem;
  background-color: #ffffff;
  font-family: "Microsoft YaHei", SimSun, '\5b8b\4f53', sans-serif;
}
@media only screen and (min-width: 320px) {
  html {
    font-size: 53.33% !important;
  }
}
@media only screen and (min-width: 360px) {
  html {
    font-size: 60% !important;
  }
}
@media only screen and (min-width: 375px) {
  html {
    font-size: 62.5% !important;
  }
}
@media only screen and (min-width: 384px) {
  html {
    font-size: 64% !important;
  }
}
@media only screen and (min-width: 400px) {
  html {
    font-size: 66.7% !important;
  }
}
@media only screen and (min-width: 414px) {
  html {
    font-size: 69% !important;
  }
}
@media only screen and (min-width: 424px) {
  html {
    font-size: 70.7% !important;
  }
}
@media only screen and (min-width: 481px) {
  html {
    font-size: 81.7% !important;
  }
}
@media only screen and (min-width: 540px) {
  html {
    font-size: 90% !important;
  }
}
@media only screen and (min-width: 561px) {
  html {
    font-size: 93.5% !important;
  }
}
a {
  text-decoration: none;
  color: #000000;
}
* {
  box-sizing: border-box;
}
.container {
  height: 100%;
}
.topContainer {
  margin: 1.8rem auto;
  width: 80%;
}
.card {
  position: relative;
  max-width: 450px;
  margin: 0 auto;
}
.getCardNo {
  position: absolute;
  left: 6.2%;
  bottom: 8%;
  color: #2bb2e1!important;
}
#barCard {
  background: #fff;
}
.card .qrcode {
  position: absolute;
  right: 6%;
  top: 8.7%;
  width: 8%;
  height: 13%;
  border-radius: 5px;
  background: transparent;
}
.weui_msg_img {
  background: #fff none repeat scroll 0 0;
}
.weui_msg_com {
  margin: 50px auto 0;
  max-width: 450px;
}
.weui_msg_com .logo {
  width: 7rem;
  height: 7rem;
  margin: 0 auto;
  margin-bottom: 6rem;
}
.weui_msg_com .prompt {
  margin-bottom: 2rem;
  color: #333;
}
.weui_msg_src p {
  margin: 20px auto 10px;
  color: #333;
}
.weui_msg_src img {
  width: 60%;
}
#barCard .weui_msg_src {
  border-bottom: 1px dashed #333;
  border-radius: 0px;
}
.topBox {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}
.topBoxHead {
  color: #9A9A9A;
}
.topBoxBody {
  color: #4f1b18;
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
}
.topBoxBody > a {
  color: black;
}
#saveDiv .topBoxBody > a {
  font-size: 1.5rem;
}
#saveDiv .saveNum {
  font-size: 1.6rem;
}
.leftBorder {
  border-left: 1px solid #E8E8E8;
}
.wxPay {
  margin: 0 auto;
  width: 60%;
}
.wxPay > a {
  font-size: 1.4rem;
  color: #48A37a;
  border: 1px solid #48A37a;
}
.weui-cells p {
  font-size: 1.3rem;
}
.header {
  height: 4.5rem;
  background-color: #D8D8D8;
  text-align: center;
  color: #ffffff;
  padding: 1.1rem 0;
  letter-spacing: 2px;
}
.leftImg {
  height: auto !important;
  margin-right: 5%;
}
#coupons_con {
  padding-bottom: 40px;
}
.couponTitle {
  color: #2B5C80;
  font-size: 3.4rem !important;
  line-height: 3.5rem;
  position: relative;
  top: -0.12em;
}
.couponKind {
  color: #2B5C80 !important;
  font-size: 1.0rem !important;
  line-height: 1.3rem!important;
}
.couponUsage {
  font-size: 1.5rem !important;
  line-height: 1.5rem;
}
.couponStatus {
  color: #FE3F00;
  position: relative;
  font-size: 1.02em;
  left: -15%;
}
.barCard {
  width: 75%;
  max-width: 565px;
  margin: 0 auto;
}
.barCard > img {
  width: 100%;
  height: auto !important;
}
.waringColor {
  color: #EA480B !important;
}
.weui-picker-modal .title {
  line-height: inherit;
}
.titleColor .weui_label {
  color: #c3c3c3;
}
.weui_input {
  border: 1px solid #c3c3c3;
  border-radius: 5px;
  padding: 5px;
  height: 35px;
  width: 85%;
}
.weui_label {
  display: block;
  width: 90px;
  word-wrap: break-word;
  word-break: break-all;
}
.consumHis .page-bd .weui-flex {
  padding: 0 10px;
}
.consumHis .page-bd li {
  margin: 0;
}
.consumHis .weui_cells {
  margin-top: 0;
  margin-bottom: 1em;
}
.consumHis .weui_cells p {
  text-align: center;
}
.consumHis .weui_cells .weui_cell {
  font-size: 1.2rem;
  padding: 9px 0;
  align-items: center;
  justify-content: space-around;
}
.consumHis .weui_cells .weui_cell .weui-flex-item:last-child p {
  padding-left: 20px;
}
.consumHis .js-category {
  background-color: #F5F5F5;
}
.consumHis .js-category .weui_panel {
  background-color: #F5F5F5;
}
/**************consumeHis.html  start*************************/
.consume_a {
  padding: 12px;
}
/* .js-show .js-category {
  background: #f5f5f5!important;
} */
.hisTitle {
  font-size: 12px!important;
  padding: 2px 0;
  font-weight: 700;
}
.js-show a.weui_media_box {
  color: #000000!important;
}
.weui_panel:before,
.weui_media_box:before {
  border-top: none;
}
.consume_list {
  width: 83.4%;
  margin: auto;
  font-size: 12px;
  /* font-weight: 700!important; */
}
.consume_list:first-child {
  line-height: 20px;
}
.lcontent_cell:before {
  height: 2px;
  border-top: 2px solid #c3c3c3;
  color: #c3c3c3;
  left: 0px;
}
.lcontent_header p {
  line-height: 22px;
}
.consume_list:before,
.consume_list:after {
  border-top: 0px!important;
  border-bottom: 0px!important;
}
.consume_showcontent .consum_left p {
  text-align: left;
}
.consume_showcontent .consum_right p {
  text-align: right;
}
.consume_showcontent .consum_right p:nth-child(2) {
  position: relative;
  right: 36px;
}
.lcontent_cell div:first-child {
  width: 40%;
}
.lcontent_cell div:nth-child(2) {
  width: 18%;
}
.lcontent_cell div:nth-child(3) {
  width: 18%;
}
.lcontent_cell div:last-child {
  width: 24%;
}

.weui_cells {
  font-size: 14px;
}
#couponsList li {
  border-top: 1px solid #EA480B;
  border-bottom: 1px solid #EA480B;
}
#couponsList .redeemedLi {
  border-top: 1px solid #747474;
  border-bottom: 1px solid #747474;
}
#couponsList .weui-flex {
  padding: 0 10px;
}
#couponsList .weui_media_box {
  padding: 10px 15px;
}
.back-icon {
  display: inline-block;
  width: 12px;
  height: 15px;
  background-image: url("../img/backIcon.jpg");
  background-size: 100%;
  position: absolute;
  left: 10px;
  top: 15px;
}
#couponsList .redeemedLi {
  border-top: 1px solid rgba(116, 116, 116, 0.6);
  border-bottom: 1px solid rgba(116, 116, 116, 0.6);
}
#couponsList .redeemedLi .couponStatus {
  color: #747474;
}
/**************consumeHis.html  end  *************************/
/************************ register.html start **********************/
#limgDiv {
  width: 100%;
  height: 21.5%;
  background: #f0eff4;
}
.lcardImg {
  width: 76%;
  height: auto;
  margin: 8% 12%;
}
.bd {
  font-weight: bolder;
}
.weui_cells_title {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.weui_label {
  font-size: 15px;
}
.weui_cells {
  margin-top: 0;
}
.weui_cells_title {
  color: #c2c2c2;
}
#lsendCode {
  padding: 4px;
  font-size: 12px;
  border: 1px solid #4f1b18;
  color: #4f1b18;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#linputName {
  font-size: 16px;
}
#linputAgree {
  color: #9b9b9b;
  font-size: 13px;
}
.weui_cells:after,
.weui_cells:before {
  left: 15px;
}
.weui-agree {
  padding-left: 15px;
  margin-top: 4px;
}
.llink {
  color: #67a2e6!important;
}
#lsex:after {
  width: 0;
}
.lhr {
  width: 100%;
  height: 5px;
  border-top: 1px solid #E5E5E5;
}
#lemail:before,
#lname:before {
  border-top: none;
}
.weui_input {
  font-weight: 400;
  font-size: 15px;
}
.weui-agree-checkbox:checked::before {
  color: #09bb07;
  content: "\EA08";
  display: inline-block;
  font-family: "weui";
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  left: 50%;
  position: absolute;
  text-align: center;
  text-decoration: inherit;
  text-transform: none;
  top: 50%;
  transform: translate(-50%, -48%) scale(0.73);
  vertical-align: middle;
}
.weui_btn_area {
  margin: 1.17647059em 15px 2.8em;
}
#register_form input {
  border: none !important;
}
/************************ register.html end **********************/
/************************ cardDetail.html start ******************/
#detail_con {
  padding: 1.2em 1em 0.3em;
}
.ldetai_title {
  font-size: 1em;
  line-height: 1.9em;
  font-weight: 700;
  margin-bottom: 0.2em;
}
.detail_table {
  width: 100%;
  border-top: 1px solid #e7e7e7;
}
.ldetail_type {
  width: 21.5%;
  color: #9b9b9b;
}
.ldetail_content {
  width: 78.5%;
  color: #020202;
  font-size: 1.2rem;
}
#lmax_content2 ul {
  list-style: none;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
}
#lmax_content ul {
  list-style: none;
  line-height: 1.9rem;
}
.detail_table td {
  padding-top: 14px;
}
.minTr td {
  /*padding-bottom: 54px;*/
}
/************************ cardDetail.html end  ********************/
/************************ pointerDetail.html start  ************** ******/
#pointer_con {
  /* font-weight: 700; */
  padding: 10px 25px 10px 15px;
}
.pointer_title {
  font-size: 14px;
  color: #000000;
  height: 31px;
  line-height: 31px;
  padding-top: 2px;
}
.pointer_table {
  width: 96%;
  margin-top: 10px;
  border-collapse: collapse;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  -webkit-box-sizing: border-box;
}
.pointer_table td {
  width: 25%;
}
.pointer_thead {
  color: #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
}
.pointer_tbody td {
  color: #181818;
  border-top: 1px solid #9b9b9b;
  font-size: 12px;
  height: 36px;
  line-height: 36px;
}
.pointer_number {
  color: #ff4b10 !important;
  text-indent: 20px;
}
.list_name {
  text-indent: 10px;
}
/************************  pointerDetail.html end  ****************/
#pointer_content {
  padding-top: 10px;
}
.pointer_cell:after {
  border-bottom: 1px solid #c8c7cc;
}
#userMsg_form .weui_cell {
  padding: 6px 15px;
}
#userMsg_form input {
  box-shadow: 0px 2px 0px 2px #f2f2f2 inset;
}
#userMsg_form input.inputed {
  /* box-shadow: 0px 0px 0px 0px #f2f2f2 inset */
  box-shadow: none;
  border: 0px;
}
#birthday {
  height: 35px;
}
.city-picker .col-district {
  width: 6rem;
}
@media screen and (max-width: 420px) {
  .city-picker .col-province,
  .city-picker .col-city,
  .city-picker .col-district {
    width: 33.3%!important;
    text-align: center;
  }
}
.info_header {
  width: 100%;
  height: 12.2rem;
  padding-top: 4rem;
}
.info_header .logo-box {
  width: 17.3rem;
  margin: 0 auto;
  height: 5.1rem;
}
.form_box {
  width: 31.8rem;
  margin: 0 auto;
  height: 43rem;
  font-family: "Microsoft YaHei", SimSun, '\5b8b\4f53', sans-serif;
}
/**************view  和  profile  页面的 共同样式  start***************/
.form_box {
  width: 31.8rem;
  height: 46rem;
}
.view_profile {
  width: 100%;
  height: 35rem;
  border-collapse: collapse;
}
.view_profile .list {
  height: 5.0rem;
  vertical-align: middle;
  text-align: left;
  overflow: hidden;
}
.view_profile .list td {
  border-bottom: 1px solid #ebebeb;
  white-space: nowrap;
}
.view_profile .list .icon_box {
  min-width: 3.5rem;
  min-height: 5.0rem;
}
.view_profile .list .icon_box .icon {
  width: 2.85rem;
  height: 2.65rem;
  position: relative;
  top: 0.3rem;
}
.view_profile .list .label_box {
  min-width: 5.3rem;
  min-height: 5.0rem;
  color: #000000;
}
.view_profile .list .label_box label {
  font-size: 1.6rem;
  letter-spacing: 0.2rem;
  font-weight: 700;
}
.view_profile .list .input_box {
  min-width: 20.5rem;
  min-height: 5.0rem;
}
.view_profile .list .input_box input,
.view_profile .list .input_box select {
  width: 100%;
  height: 3.8rem;
  font-size: 1.6rem;
  font-weight: 700;
  color: #444;
  letter-spacing: 1px;
  border: none;
}
.view_profile .list .input_box input {
  text-indent: 1rem;
}
.view_profile .list .input_box select {
  text-indent: 0.5rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("../../jebsen/img/down.png") right no-repeat;
  background-size: 1.75rem 1.2rem;
}
.view_profile .list .input_box .profile_address {
  background: url("../../jebsen/img/down.png") right no-repeat;
  background-size: 1.75rem 1.2rem;
}
.view_profile #mail_list {
  height: 1.5rem;
}
.sub_btn {
  display: block;
  width: 31.8rem;
  margin-top: 3rem;
  background: #009ccd;
  color: #fff;
  border-radius: 0.5rem;
  font-size: 1.6rem;
  text-align: center;
  padding: 0.8rem;
}
/**************view  和  profile  页面的 共同样式  end***************/
/**************profile  页面的单独样式  start***************/
.profile_container {
  background: #f8f8f7;
}
#profile_box {
  height: 66rem;
}
#profile_box .list td {
  border-bottom: none;
}
#profile_box .list input {
  text-indent: 0.5rem;
}
#profile_box .list select {
  text-indent: 0.5rem;
}
#profile_box .list #iphone {
  text-indent: 1.5rem;
}
#profile_box .list .input_box div {
  height: 100%;
  min-height: 5.0rem;
  padding: 0.6rem 0.8rem;
  background: #fff;
}
#profile_box #iphone {
  background: #f8f8f7;
}
#profile_box #name_box,
#profile_box #mail_box {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  box-shadow: -2px 0px 2px #ebebeb, 0px -2px 2px #ebebeb, 2px 0px 2px #ebebeb;
}
#profile_box #firstname_box,
#profile_box #age_box,
#profile_box #birth_box,
#profile_box #province_box,
#profile_box #city_box {
  box-shadow: -2px 0px 2px #ebebeb, 0px 0px 0px #ebebeb, 2px 0px 2px #ebebeb, 0px 0px 0px #ebebeb;
}
#profile_box #sex_box,
#profile_box #district_box {
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
  box-shadow: -2px 0px 2px #ebebeb, 0px 0px 0px #ebebeb, 2px 0px 2px #ebebeb, 0px 2px 2px #ebebeb;
  min-height: 5.2rem;
  border: 1px solid #ebebeb;
}
#profile_box #firstname_box,
#profile_box #name_box,
#profile_box #mail_box,
#profile_box #age_box,
#profile_box #birth_box,
#profile_box #province_box,
#profile_box #city_box {
  border: 1px solid #ebebeb;
  border-bottom: none;
}
#profile_box #month {
  width: 12.4rem;
  border-right: 1px solid #ebebeb;
  background: url("../../jebsen/img/down.png") right no-repeat;
  background-position-x: 9.65rem;
  background-size: 1.75rem 1.2rem;
}
#profile_box #day {
  width: 8.3rem;
}
#profile_box .err_tr {
  min-height: 2rem;
  height: 2rem;
}
#profile_box .err_tr .input_box {
  height: 2rem;
  text-indent: 1.5rem;
  min-height: 2rem;
  background: #f8f8f7!important;
  color: red;
}
#profile_box .error_box,
#profile_box .error_box input {
  color: #d29b9a!important;
  background: #eee5e5!important;
}
#profile_box .error_box {
  border: 1px solid #ecdfe1  !important;
}
/*********      地址选择框  start*******/
/*********      地址选择框  end*******/
/**************profile  页面的单独样式 end***************/
/************** index  页面的单独样式 start**************/
.card {
  max-width: 376px;
}
.card img {
  border: 1px solid #2bb2e1;
  border-radius: 1.0rem;
  box-shadow: 2px 2px 10px 1px #d3dce1;
}
.getCard {
  border: 1px solid #2bb2e1;
  border-radius: 1.0rem;
  margin-top: 2rem;
  justify-content: center;
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  padding-bottom: 10rem;
}
.f-j{
  color:#2bb2e1;
}
.weui_cell {
  overflow: hidden;
  margin-left: 2rem;
  margin-right: 2rem;
  border-top: 1px solid #bcbcbc;
  padding: 0px;
}
.couponBox .weui_cell { 
  border-top: none;
}

.weui_cell .weui_cell_bd {
  font-size: 1.6rem;
  padding: 0.9rem 0;
  color: #000;
}
.weui_cell:last-child{
  border-bottom: 1px solid #bcbcbc;
}
.barcodecontainer{
  margin: 2px;
  padding: 1rem;
  box-shadow: 2px 2px 10px 1px #d3dce1;
  position: relative;
}
.barcodecontainer .tnc{
  font-size: 1rem;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.weui_cells::after,
.weui_cells::before,
.weui_cell::before {
  height: 0;
  border-top: none;
  border-bottom: none;
}
.weui_cells_access .weui_cell_ft::after {
  border-color: #717679!important;
  border-width: 1px 1px 0 0;
  right: 1.5rem;
  height: 0.7rem;
  width: 0.7rem;
}
/**************  index  页面的单独样式 end**************/
